<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<ui:composition template="/template/templatePadrao.xhtml">
			<ui:define name="body">
				<div style="width:99%; margin-left:5px;">
					
					<div style="text-align:center">
						<h:form id="form_consulta">
							<p:growl id="growl" />
							<fieldset class="border">
								<legend><h:outputText value="Dados do Paciente"/></legend>
								
								<div style="float:left; clear:both; width: 80%;">
									<h:panelGrid columns="3">
										<h:outputText value="Nome" style="font-weight:bold;"/>
										<h:outputText value="Plano de Saúde" style="font-weight:bold;"/>
										<h:outputText value="Nascimento" style="font-weight:bold;"/>
									
										<h:outputText value="#{pacienteManager.paciente.nome}" />
										<h:outputText value="#{pacienteManager.paciente.planoSaude.nomePlanoSaude}" />
										<h:outputText value="#{pacienteManager.paciente.dataNascimento}">
											<f:convertDateTime pattern="dd/MM/yyyy" />
										</h:outputText>
									</h:panelGrid>
									<br />
									<h:panelGrid columns="1">
										<h:outputText value="#{pacienteManager.paciente.enderecos.get(0).logradouro} #{pacienteManager.paciente.enderecos.get(0).complemento} - nº #{pacienteManager.paciente.enderecos.get(0).numero}, #{pacienteManager.paciente.enderecos.get(0).bairro} - CEP #{pacienteManager.paciente.enderecos.get(0).cep} , #{pacienteManager.paciente.enderecos.get(0).cidade.descricao} - #{pacienteManager.paciente.enderecos.get(0).uf.sigla}" />
										<h:outputText value="#{pacienteManager.paciente.telefones.get(0).tipoTelefone.descricao} -  #{pacienteManager.paciente.telefones.get(0).ddd} - #{pacienteManager.paciente.telefones.get(0).numero}" />
									</h:panelGrid>
										
										
										
										
									
								</div>
								<div style="width: 20%;float:left;">
									<p:commandButton
									style=" width:200px;height: 87px;
											margin-left: 2px;" 
									value="Novo Prontuário" action="#{medicoManager.abrirNovaFicha}" oncomplete="fichaDialog.show()" update=":form"/>
								</div>
							</fieldset>
							
							<fieldset class="border">
								<legend><h:outputText value="Histórico Clínico" /></legend>
								<h:panelGroup rendered="#{!medicoManager.fichasPaciente.isEmpty()}">
									<p:dataGrid value="#{medicoManager.fichasPaciente}" var="ficha" rows="1" paginator="true" emptyMessage="Não existe histórico de consultas para esse paciente">
										<p:column>
											<h:panelGrid columns="4" width="700">
												<h:outputText value="Data Atendimento" style="font-weight:bold;"/>
												<h:outputText value="Peso" style="font-weight:bold;"/>
												<h:outputText value="Altura" style="font-weight:bold;"/>
												<h:outputText value="Pressão Aterial" style="font-weight:bold;"/>
												
												<h:outputText value="#{ficha.dataAtendimento}" >
													<f:convertDateTime pattern="dd/MM/yyyy" />
												</h:outputText>
												<h:outputText value="#{ficha.peso}" />
												<h:outputText value="#{ficha.altura}" />
												<h:outputText value="#{ficha.pressao}" />
											</h:panelGrid>
											
											<div style="margin-top:10px;">
												<h:outputText value="Observações" style="font-weight:bold;"/><br />
												<h:inputTextarea disabled="true" value="#{ficha.observacoes}" cols="175" rows="10"/>	
											</div>
											
											<div style="margin-top:10px">
												<div style="float:left; clear:both;">	
													<h:outputText value="Receita" style="font-weight:bold;"/>
													<p:commandButton icon="ui-icon-print" title="Imprimir Receituário" action="#{medicoManager.printReceita}" ajax="false" onclick="this.form.target='_blank'" style="float: right;width: 20px;height: 20px;margin-right:10px">
														<f:setPropertyActionListener target="#{medicoManager.fichaPaciente}" value="#{ficha}"></f:setPropertyActionListener>
													</p:commandButton><br />
													<h:inputTextarea disabled="true" value="#{ficha.receituario.receita}" cols="80" rows="10" />
												</div>
												<div style="float:right; ">
													<h:outputText value="Procedimentos" style="font-weight:bold;"/>
													<p:commandButton icon="ui-icon-print" action="#{medicoManager.printReceita}" ajax="false" onclick="this.form.target='_blank'" style="float: right;width: 20px;height: 20px;margin-right:10px">
														<f:setPropertyActionListener target="#{medicoManager.fichaPaciente}" value="#{ficha}"></f:setPropertyActionListener>
													</p:commandButton><br />
													<h:inputTextarea disabled="true" value="#{ficha.procedimento.procedimento}" cols="80" rows="10" />	
												</div>
											</div>
											<br />
											
											<p:commandButton value="Reabrir Prontuário" action="#{medicoManager.prepareUpdateFichaPaciente}" 
												oncomplete="fichaDialog.show()" update=":form"
												rendered="#{medicoManager.agendamento.id.equals(ficha.agendamento.id) and !ficha.agendamento.statusAgendamento.equals('CONCLUIDO')}"
												>
												<f:setPropertyActionListener target="#{medicoManager.fichaPaciente}" value="#{ficha}" />
											</p:commandButton>
										</p:column>
									</p:dataGrid>
									
							</h:panelGroup>
						</fieldset>
						
						<p:commandButton action="#{medicoManager.concluirAtendimento}" value="Finalizar Consulta" 
							rendered="#{medicoManager.agendamento.statusAgendamento.name().equals('AGENDADO') or medicoManager.agendamento.statusAgendamento.name().equals('CONFIRMADO') or medicoManager.agendamento.statusAgendamento.name().equals('EM_ATENDIMENTO')}" 
							ajax="false"/>
						
					
					</h:form>
				</div>
				
			</div>
	   	
		   	<p:dialog widgetVar="fichaDialog" 
		   		header="Prontuário do Paciente #{medicoManager.paciente.nome}" 
		   		showEffect="clip" 
		   		hideEffect="clip" 
		   		modal="true"
		    	width="800" height="600" >  
				
				<ui:include src="/medico/paginas/medico/prontuario.xhtml"></ui:include>
				
		   	</p:dialog>
			</ui:define>
		</ui:composition>
	</f:view>
</html>